<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>相对路径_绝对路径</title>
</head>
<body>
    <!-- 相对路径 -->
    <!-- 
        <img src="./怪兽.jpg" alt="怪兽">
        <img src="./a/喜羊羊.jpg" alt="喜羊羊">
        <img src="./a/b/灰太狼.jpg" alt="灰太狼">
        <img src="../奥特曼.jpg" alt="奥特曼">
     -->

    <!-- 绝对路径，分为两类：本绝对路径、网络绝对路径 -->
    <!-- 本绝对路径 -->
    <!-- <img src="E:/demo1/demo2/小姐姐.jpg" alt=""> -->

    <!-- 网络绝对路径 -->
    <img width="400" src="https://rs-channel.huanqiucdn.cn/imageDir/d1eee333dd7b68d0f3eb38e5fd5c792b.png" alt="">
    <!-- 测试防盗链 -->
    <img src="https://mmbiz.qpic.cn/mmbiz_png/ScqRBmrn0w3ibEHbTxorxS12e71ythvjKIIIl5EWcy0cYeqnKIRwHAUmcvcPTpaK89qc6voq8TFW0O3rIQ3KlicQ/640.jpg" alt="">
</body>
</html>